<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <link rel="apple-touch-icon" sizes="76x76" href="../assets/img/apple-icon.png">
    <link rel="icon" type="image/png" href="../assets/img/favicon.png">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>Liwinon锂威</title>

    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
    <meta name="viewport" content="width=device-width"/>

    <!--     Fonts and icons     -->
    <link href="../assets/css/font-awesome.css" rel="stylesheet">
    <link href="../assets/css/build.css" rel="stylesheet">


    <!-- CSS Files -->
    <link href="../assets/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="../assets/css/index-bootstrap-wizard.css" rel="stylesheet"/>
    <link href="../assets/css/city-picker.css" rel="stylesheet">

</head>

<body>
<!--<div class="image-container set-full-height" style="background-image: url('../assets/img/wizard-city.jpg')">-->
<div class="image-container set-full-height" style="background-color: #777777">
    <!--   Big container   -->
    <div class="container">
        <div class="row">
            <div class="col-sm-8 col-sm-offset-2">
                <!--      Wizard container        -->
                <div class="wizard-container">

                    <div class="card wizard-card" data-color="orange" id="wizardProfile">

                        <form id="data" action="" method="">
                            <!--        You can switch ' data-color="orange" '  with one of the next bright colors: "blue", "green", "orange", "red"          -->
                            <div class="wizard-header">
                                <h3>
                                    <div class="col-sm-12" style="text-align: center">
                                        <img src="../assets/img/liwinonlogo.png" style="width: 60%">
                                    </div>
                                    <br>
                                    <b>个人信息</b>
                                    <br>
                                    <small>请根据提示填写.</small>
                                </h3>
                            </div>

                            <div class="wizard-navigation">
                                <ul id="title">
                                    <li id="jib"><a href="#about" data-toggle="tab">基本</a></li>
                                    <li id="jin"><a href="#account" data-toggle="tab">技能</a></li>
                                    <li id="jiny"><a onclick="checkInput()" href="#address" data-toggle="tab">经验</a></li>
                                </ul>

                            </div>

                            <div class="tab-content">
                                <div class="tab-pane" id="about">
                                    <div class="row">
                                        <div class="col-sm-10 col-sm-offset-1">
                                            <div class="form-group">
                                                <label>姓名</label>
                                                <input name="iname" type="text" class="form-control" placeholder="...">
                                            </div>
                                            <div class="form-group">
                                                <label>电话</label>
                                                <input name="phone0" type="number" class="form-control"
                                                       placeholder="">
                                            </div>
                                        </div>
                                        <div class="col-sm-10 col-sm-offset-1">
                                            <div class="form-group">
                                                <label>应聘职位</label>
                                                <input   name="post" type="text" class="form-control"
                                                       placeholder="">
                                            </div>
                                        </div>

                                        <div class="col-sm-10 col-sm-offset-1">
                                            <div class="form-group">
                                                <label>性别</label>
                                                <br>
                                                <div class="radio radio-inline">
                                                    <input type="radio" name="sex" id="radio1" value="男" checked>
                                                    <label for="radio1">
                                                        男
                                                    </label>
                                                </div>
                                                <div class="radio radio-inline">
                                                    <input type="radio" name="sex" id="radio2" value="女">
                                                    <label for="radio2">
                                                        女
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-10 col-sm-offset-1">
                                            <div class="form-group">
                                                <label>出生日期</label>
                                                <input required name="date2" type="date" class="form-control" placeholder="">
                                            </div>
                                        </div>
                                        <div class="col-sm-10 col-sm-offset-1">
                                            <div class="form-group">
                                                <label>籍贯</label>
                                                <div class="docs-methods">
                                                    <form class="form-inline">
                                                        <div id="distpicker">
                                                            <div class="form-group">
                                                                <div style="position: relative;">
                                                                    <input  required id="city-picker3" name="nativePlace"
                                                                           class="form-control" readonly type="text"
                                                                           value="" data-toggle="city-picker">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-10 col-sm-offset-1">
                                            <div class="form-group">
                                                <label>民族</label>
                                                <input name="nation" type="text" class="form-control" placeholder="">
                                            </div>
                                        </div>
                                        <div class="col-sm-10 col-sm-offset-1">
                                            <div class="form-group">
                                                <label>宗教信仰</label>
                                                <br>
                                                <div class="radio radio-inline">
                                                    <input type="radio" name="hasFaith" id="noFaith" value="0" checked>
                                                    <label for="noFaith">
                                                        无
                                                    </label>
                                                </div>
                                                <div class="radio radio-inline">
                                                    <input type="radio" name="hasFaith" id="hasFaith" value="1">
                                                    <label for="hasFaith">
                                                        有
                                                    </label>
                                                </div>
                                                <input  name="faith" id="faith" type="text" class="form-control" disabled="disabled" placeholder="">
                                            </div>
                                        </div>

                                        <div class="col-sm-10 col-sm-offset-1">
                                            <div class="form-group">
                                                <label>婚姻状况</label>
                                                <br>
                                                <div class="radio radio-inline">
                                                    <input type="radio" name="marriage" id="Marr" value="1" >
                                                    <label for="Marr">
                                                        已婚
                                                    </label>
                                                </div>
                                                <div class="radio radio-inline">
                                                    <input type="radio" name="marriage" id="noMarr" value="0" checked>
                                                    <label for="noMarr">
                                                        未婚
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-10 col-sm-offset-1">
                                            <div class="form-group">
                                                <label>身份证号码</label>
                                                <input name="idcard" type="text" class="form-control" placeholder="">
                                            </div>
                                        </div>
                                        <div class="col-sm-10 col-sm-offset-1">
                                            <div class="form-group">
                                                <label>身份证地址</label>
                                                <input  required name="idAddress" type="text" class="form-control" placeholder="">
                                            </div>
                                        </div>
                                        <div class="col-sm-10 col-sm-offset-1">
                                            <div class="form-group">
                                                <label>现住地址</label>
                                                <input  name="address" type="text" class="form-control" placeholder="">
                                            </div>
                                        </div>
                                        <div class="col-sm-10 col-sm-offset-1">
                                            <div class="form-group">
                                                <label><b>紧急联系人</b></label>
                                                <input required name="sosName" type="text" class="form-control valid" placeholder="紧急联系人姓名">
                                                <input required name="sosPhone" type="number" class="form-control valid" placeholder="紧急联系人电话">
                                                <input required name="sosRelation" type="text" class="form-control valid" placeholder="紧急联系人关系">
                                                <input name="sosLocation" type="text" class="form-control valid" placeholder="紧急联系人现居地址">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane" id="account">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-group">
                                                <label><b>家庭成员</b><small>(必填两位成员)</small></label>
                                                <table class="table table-striped table-condensed">
                                                    <thead>
                                                    <tr>
                                                        <th>姓名</th>
                                                        <th>关系</th>
                                                        <th>联系电话</th>
                                                        <th>工作单位</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody id="family">
                                                    <tr id="family1"name="family1">
                                                        <td onclick="inputValue(this)">请点击<input required name="family1" type="hidden" value=""></td>
                                                        <td onclick="inputValue(this)">请点击<input required name="family1" type="hidden" value=""></td>
                                                        <td onclick="inputValue(this)">请点击<input required name="family1" type="hidden" value=""></td>
                                                        <td onclick="inputValue(this)">请点击<input required name="family1" type="hidden" value=""></td>
                                                    </tr>
                                                    <tr id="family2" name="family2">
                                                        <td onclick="inputValue(this)">请点击<input required name="family1" type="hidden" value=""></td>
                                                        <td onclick="inputValue(this)">请点击<input required name="family1" type="hidden" value=""></td>
                                                        <td onclick="inputValue(this)">请点击<input required name="family1" type="hidden" value=""></td>
                                                        <td onclick="inputValue(this)">请点击<input required name="family1" type="hidden" value=""></td>
                                                    </tr>

                                                    </tbody>
                                                </table>
<!--                                                <input onclick="addMember(3)" type='button'-->
<!--                                                       class='btn  btn-fill btn-info btn-wd btn-sm' name='addmember'-->
<!--                                                       value='添加成员'/>-->

                                            </div>
                                        </div>
<!--                                        <div class="col-xs-12">-->
<!--                                            <div class="col-xs-12">-->
<!--                                                <div class="form-group">-->
<!--                                                    <label><b>工作经历</b><small>(至少填一段,由最近的写起)</small></label>-->
<!--                                                    <table class="table table-striped table-condensed">-->
<!--                                                        <thead>-->
<!--                                                        <tr>-->
<!--                                                            <th>公司名称</th>-->
<!--                                                            <th>职 位</th>-->
<!--                                                            <th>工作起止时间</th>-->
<!--                                                            <th>离职原因</th>-->
<!--                                                        </tr>-->
<!--                                                        </thead>-->
<!--                                                        <tbody id="experience">-->
<!--                                                        <tr id="experience1" name="experience1">-->
<!--                                                            <td onclick="inputValue(this)">请点击<input name="experience1" type="hidden" value=""></td>-->
<!--                                                            <td onclick="inputValue(this)">请点击<input name="experience1" type="hidden" value=""></td>-->
<!--                                                            <td onclick="inputValue(this)">1999/06-1999/07<input name="experience1" type="hidden" value=""></td>-->
<!--                                                            <td onclick="inputValue(this)">请点击<input name="experience1" type="hidden" value=""></td>-->
<!--                                                        </tr>-->

<!--                                                        </tbody>-->
<!--                                                    </table>-->
<!--                                                </div>-->
<!--                                                <input onclick="addExp(3)" type='button'-->
<!--                                                       class='btn  btn-fill btn-info btn-wd btn-sm'-->
<!--                                                       value='添加经历'/>-->
<!--                                            </div>-->

<!--                                        </div>-->

                                        <div class="col-sm-10 col-sm-offset-1">
                                            <div class="form-group" id="study">
                                                <label><b>教育经历</b></label>
                                                <br>
                                                <block>
                                                    毕业学校 <input name="school1" type="text" class="form-control" placeholder="">
                                                    <div class="col-xs-6 mydate " >
                                                        由 <input name="scdate11" type="date" class="form-control" placeholder="">
                                                    </div>
                                                    <div class="col-xs-6 mydate">
                                                        至 <input name="scdate12" type="date" class="form-control" placeholder="">
                                                    </div>
                                                    专业 <input name="major1" type="text" class="form-control" placeholder="">
                                                    学历 <input name="education1" type="text" class="form-control" placeholder="">
                                                </block>
                                            </div>
                                            <input onclick="addStudy(2,1)" type='button'
                                                   class='btn  btn-fill btn-info btn-wd btn-sm'
                                                   value='添加经历'/>

                                        </div>

                                    </div>
                                </div>
                                <div class="tab-pane" id="address">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-group">
                                                <label><b>工作经历</b><small>(至少填一段,由最近的写起)</small></label>
                                                <table class="table table-striped table-condensed">
                                                    <thead>
                                                    <tr>
                                                        <th>公司名称</th>
                                                        <th>职 位</th>
                                                        <th>工作起止时间</th>
                                                        <th>离职原因</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody id="experience">
                                                    <tr id="experience1"name="experience1">
                                                        <td onclick="inputValue(this)">请点击<input required name="experience1" type="hidden" value=""></td>
                                                        <td onclick="inputValue(this)">请点击<input required name="experience1" type="hidden" value=""></td>
                                                        <td onclick="inputValue(this)">1999/06-1999/07<input required name="experience1" type="hidden" value=""></td>
                                                        <td onclick="inputValue(this)">请点击<input required name="experience1" type="hidden" value=""></td>
                                                    </tr>
                                                    </tbody>

                                                </table>
                                            </div>
                                            <input onclick="addExp(2)" type='button'
                                                   class='btn  btn-fill btn-info btn-wd btn-sm'
                                                   value='添加经历'/>
                                        </div>
                                        <div class="col-sm-12 ">
                                            <div class="form-group">
                                                <label><b>有何技能</b></label>
                                                <br>
                                                <div class="checkbox checkbox-inline">
                                                    <input type="checkbox" name="mix" id="mixing" value="1">
                                                    <label for="mixing">
                                                        搅拌
                                                    </label>
                                                </div>
                                                <div class="checkbox checkbox-inline">
                                                    <input type="checkbox" name="coat" id="coating" value="1" >
                                                    <label for="coating">
                                                        涂布
                                                    </label>
                                                </div>
                                                <div class="checkbox checkbox-inline">
                                                    <input type="checkbox" name="Strip" id="Strip" value="1" >
                                                    <label for="Strip">
                                                        分条
                                                    </label>
                                                </div>
                                                <div class="checkbox checkbox-inline">
                                                    <input type="checkbox" name="zhiPian" id="zhiPian" value="1" >
                                                    <label for="zhiPian">
                                                        制片
                                                    </label>
                                                </div>
                                                <div class="checkbox checkbox-inline">
                                                    <input type="checkbox" name="wind" id="winding" value="1" >
                                                    <label for="winding">
                                                        卷绕
                                                    </label>
                                                </div>
                                                <div class="checkbox checkbox-inline">
                                                    <input type="checkbox" name="test" id="testing" value="1" >
                                                    <label for="testing">
                                                        测试
                                                    </label>
                                                </div>
                                                <div>
                                                    <label>其他技能</label>
                                                    <input  name="otherSkill" type="text" class="form-control" placeholder="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 ">
                                            <div class="form-group">
                                                <label><b>应聘来源</b></label>
                                                <br>
                                                <div>
                                                    <label>
                                                        外部宣传/网络
                                                    </label>
                                                    <input  name="internetValue" type="text" class="form-control" placeholder="不是则不填">
                                                </div>
                                                <div>
                                                    <label>
                                                        职介所推荐
                                                    </label>
                                                    <input  name="jobCentre" type="text" class="form-control" placeholder="不是则不填">
                                                </div>
                                                <div>
                                                    <label>
                                                        校园招聘
                                                    </label>
                                                    <input  name="jobSchool" type="text" class="form-control" placeholder="不是则不填">
                                                </div>
                                                <div>
                                                    <label>
                                                        内部推荐
                                                    </label>
                                                    <input  name="oriName1" type="text" class="form-control" placeholder="推荐人姓名(没有则不填)">
                                                    <input  name="oriRela1" type="text" class="form-control" placeholder="与推荐人的关系(没有则不填)">
                                                    <input  name="oriId1" type="text" class="form-control" placeholder="工号(没有则不填)">
                                                </div>
                                                <div>
                                                    <label>
                                                        社会推荐
                                                    </label>
                                                    <input  name="oriName2" type="text" class="form-control" placeholder="推荐人姓名(没有则不填)">
                                                    <input  name="oriRela2" type="text" class="form-control" placeholder="与推荐人的关系(没有则不填)">
                                                    <input  name="oriPhone2" type="text" class="form-control" placeholder="联系方式(没有则不填)">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="wizard-footer height-wizard">
                                <div class="pull-right">
                                    <input onclick="toNext()" type='button'  class='btn btn-next btn-fill btn-warning btn-wd btn-sm'
                                           name='next' value='下一步'/>
                                    <input onclick="put()" type='button' class='btn btn-finish btn-fill btn-warning btn-wd btn-sm'
                                           name='finish' value='提交'/>

                                </div>

                                <div class="pull-left">
                                    <input  id="back" type='button' class='btn btn-previous btn-fill btn-default btn-wd btn-sm'
                                           name='previous' value='后退'/>
                                </div>
                                <div class="clearfix"></div>
                            </div>

                        </form>
                    </div>
                </div> <!-- wizard container -->
            </div>
        </div><!-- end row -->
    </div> <!--  big container -->

    <div class="footer">
        <div class="container">
            有问题请联系IT办公室.
        </div>
    </div>

</div>

</body>

<!--   Core JS Files   -->
<script src="../assets/js/jquery-2.2.4.min.js" type="text/javascript"></script>
<script src="../assets/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../assets/js/jquery.bootstrap.wizard.js" type="text/javascript"></script>

<!--  Plugin for the Wizard -->
<script src="../assets/js/work-bootstrap-wizard.js"></script>
<script src="../assets/js/city-picker.data.js"></script>
<script src="../assets/js/city-picker.js"></script>
<script src="../assets/js/main.js"></script>
<script src="../assets/js/works.js"></script>
<!--  More information about jquery.validate here: http://jqueryvalidation.org/	 -->
<script src="../assets/js/jquery.validate.min.js"></script>
<script src="../assets/js/messages_zh.js"></script>

</html>
